// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'base/palette' as *;
@use 'base/defaults' as *;

.syncable {
  input[readonly],
  textarea[readonly],
  div:global(.dropdown.disabled) {
    @include placeholder-color($color: $light-black);
    background: repeating-linear-gradient(
      -40deg,
      lighten($gray, 0.7 * $color-variation),
      lighten($gray, 0.7 * $color-variation) 10px,
      lighten($gray, 0.9 * $color-variation) 10px,
      lighten($gray, 0.9 * $color-variation) 20px
    ) !important;
    font-style: italic;
    color: $light-black !important;
    pointer-events: none;
    user-select: none;
  }

  & div:global(.dropdown.disabled) {
    opacity: unset;
  }
}
